<script lang="ts" setup>
import { type RouteRecordName, type RouteRecordRaw, useRouter } from "vue-router"
const router = useRouter()
function goto(path: string) {
  router.push({ path })
}
function goto1(path: string) {
  router.push({
    path,
    query: {
      ji: '1'
    }
  })
}
</script>

<template>
  <div class="w-screen p-8 h-screen flex items-center justify-center"
    style="background: url('/bg1.jpeg'); background-size: cover;">
    <div class="bg-white p-5">
      <div class="">
        <!-- <el-badge :value="12" style="margin-right:30px">
        </el-badge> -->
        <el-button type="primary" style="padding: 40px 60px; font-size: 20px;"
          @click="goto('/label-manage/me_wl')">我的任务</el-button>
        <el-button type="primary" style="padding: 40px 60px; font-size: 20px;"
          @click="goto('/label-manage/inventorying')">盘库任务</el-button>
        <el-button type="primary" style="padding: 40px 60px; font-size: 20px;"
          @click="goto('/label-manage/over')">历史任务</el-button>
        <el-button type="primary" style="padding: 40px 60px; font-size: 20px;"
          @click="goto('/organization/index')">组织架构</el-button>
      </div>
      <!-- <div>
        <el-button type="primary" style="padding: 40px 60px; font-size: 20px;"
          @click="goto('/label-manage/over')">个人信息</el-button>
      </div> -->
    </div>

    <!-- <div class="flex justify-between mb-10">
           <img class="w-7.2/12" src="/bg1.jpeg" alt="" />
           <img class="w-4.4/12" src="/news.png" alt="" />
    </div> -->
    <!--    <div class="grid grid-cols-4 gap-4 h-2/6  ">-->
    <!-- <div class="flex flex-col space-y-4">
      <div
        class="shadow-lg bg-blue-400 box-content h-32 w-32 p-8 h-full border-solid rounded-lg p-10 cursor-pointer"
        @click="goto('/supplier/index')"
      >
        物料申请
      </div>
      <div
        class="shadow-lg bg-slate-200 box-content h-32 w-32 p-8 border-4 h-full border-blue-200 border border-solid rounded-lg p-10 cursor-pointer"
        @click="goto('/label-manage/zyd')"
      >
        转运申请
      </div>
      <div
        class="shadow-lg bg-slate-200 box-content h-32 w-32 p-8 border-4 h-full border-blue-200 border border-solid rounded-lg p-10 cursor-pointer"
        @click="goto('/labels/add')"
      >
        急件申请
      </div>
      <div
        class="shadow-lg bg-slate-200 box-content h-32 w-32 p-8 border-4 h-full border-blue-200 border border-solid rounded-lg p-10 cursor-pointer"
        @click="goto('/label-manage/over')"
      >
        我的订单
      </div>
      <div
        class="shadow-lg bg-slate-200 box-content h-32 w-32 p-8 border-4 h-full border-blue-200 border border-solid rounded-lg p-10 cursor-pointer"
        @click="goto('/problem/index')"
      >
        联系客服
      </div>
    </div> -->
    <!-- <img src="/home.png" class="w-full h-full" alt=""> -->
  </div>
</template>
